<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="description" content="hu nan xiang ya yi yuan men zhen xi tong "/>
    <meta name="author" content="Han Yuping, Zhang Di">
    <meta name="robots" content="index,follow">
    <meta name="application-name" content="medical system">

    <link rel='stylesheet' href='../assets/css/fullcalendar.css'>
    <link rel='stylesheet' href='../assets/css/datatables/datatables.css'>
    <link rel='stylesheet' href='../assets/css/datatables/bootstrap.datatables.css'>
    <link rel='stylesheet' href='../assets/scss/chosen.css'>
    <link rel='stylesheet' href='../assets/scss/font-awesome/font-awesome.css'>
    <link rel='stylesheet' href='../assets/css/app.css'>
    <link rel='stylesheet' href='../assets/css/reset.css'>
    <link rel="stylesheet" href="../libs/cleditor/jquery.cleditor.css">

    <!-- Le fav and touch icons -->
    <link href="../assets/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="../assets/apple-touch-icon.png" rel="apple-touch-icon" type="image/x-icon">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    @javascript html5shiv respond.min
    <![endif]-->
    <title>填空题页面</title>
</head>
<body>

<div class="all-wrapper">
    <div class="row">
        <div class="col-md-3">
            <div class="text-center">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="side-bar-wrapper collapse navbar-collapse navbar-ex1-collapse">
                <a href="#" class="logo hidden-sm hidden-xs">
                    <i class="icon-user-md"></i>
                    <span>管理员</span>
                </a>

                <div class="relative-w">
                    <ul class="side-menu">
                        <li>
                            <a href="user-list.html">
                                <span class="badge pull-right">18</span>
                                <i class="icon-user"></i> 用户管理
                            </a>
                        </li>

                        <li>
                            <a href="project-list.html">
                                <span class="badge pull-right">5</span>
                                <i class="icon-book"></i> 课题管理
                            </a>
                        </li>

                        <li class='current'>
                            <a href="scale-list.html">
                                <span class="badge pull-right">32</span>
                                <i class="icon-calendar-empty"></i> 量表管理
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="content-wrapper wood-wrapper">
                <div class="content-inner">
                    <div class="page-header">
                        <div class="header-links hidden-xs">
                            <a href="notifications.html"><i class="icon-comments"></i> 消息</a>
                            <a href="../login-admin.html"><i class="icon-signout"></i> 登出</a>
                        </div>
                        <h1><i class="icon-calendar-empty"></i> 量表管理</h1>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="scale-list.html">量表列表</a></li>
                        <li class="active">添加量表</li>
                    </ol>
                    <div class="main-content">
                        <div class="row">
                            <div class="widget">
                                <button type="button" class="btn btn-default btn-round" data-toggle="modal"
                                        data-target="#wendatiModal"><i class="icon-edit"></i>添加问答题
                                </button>
                                <button type="button" class="btn btn-default btn-round" data-toggle="modal"
                                        data-target="#panduantiModal"><i class="icon-ok-circle"></i>添加判断题
                                </button>
                                <button type="button" class="btn btn-default btn-round" data-toggle="modal"
                                        data-target="#xuanzetiModal"><i class="icon-check"></i>添加选择题
                                </button>
                            </div>
                            <div class="widget">
                                <div class="widget-content-white glossed">
                                    <div class="padded">
                                        <h3 class="form-title form-title-first"><i class="icon-calendar"></i>
                                            量表001</h3>

                                        <div id="wenti_form">
                                            <form action="" role="form" class="form-horizontal component">
                                                <div class="widget-controls pull-right">
                                                    <a href="#" id="wendati-edit" data-toggle="modal"
                                                       data-target="#wendatiModal"><i class=" icon-edit-sign"></i></a>
                                                    <a href="#" class="widget-link-remove"><i class="icon-remove-sign"></i></a>
                                                </div>
                                                <h4 class="form-title form-title-first">
                                                    &nbsp;1&nbsp; 问答题：在下面找出C</h4>

                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOCOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                        OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
                                                    </div>
                                                </div>
                                            </form>

                                            <form action="" role="form" class="form-horizontal component">
                                                <div class="widget-controls pull-right">
                                                    <a href="#" id="panduanti-edit" data-toggle="modal"
                                                       data-target="#panduantiModal"><i class=" icon-edit-sign"></i></a>
                                                    <a href="#" class="widget-link-remove"><i class="icon-remove-sign"></i></a>
                                                </div>
                                                <h4 class="form-title form-title-first">
                                                    &nbsp;2&nbsp;判断题：你敢不惧他人的耻笑，牵着驼鸟去逛长安街吗？ </h4>

                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <div class="radio">
                                                            <label>
                                                                <input type="radio" name="optionsRadios"
                                                                       id="optionsRadios1"
                                                                       value="option1" checked="">
                                                                是
                                                            </label>
                                                        </div>
                                                        <div class="radio">
                                                            <label>
                                                                <input type="radio" name="optionsRadios"
                                                                       id="optionsRadios2"
                                                                       value="option2" checked="">
                                                                否
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>

                                            <form action="" role="form" class="form-horizontal component">
                                                <div class="widget-controls pull-right">
                                                    <a href="#" id="xuanzeti-edit" data-toggle="modal"
                                                       data-target="#xuanzetiModal"><i class="icon-edit-sign"></i></a>
                                                    <a href="#" class="widget-link-remove"><i
                                                            class="icon-remove-sign"></i></a>
                                                </div>
                                                <h4 class="form-title form-title-first">
                                                    &nbsp;3&nbsp; 选择题：将大象放入冰箱，要分几步？</h4>

                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox"> A：一步
                                                            </label>
                                                        </div>
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox"> B：两步
                                                            </label>
                                                        </div>
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox"> C：三步
                                                            </label>
                                                        </div>
                                                        <div class="checkbox">
                                                            <label>
                                                                <input type="checkbox"> D：很多步
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- wendatiModal -->
<div class="modal fade" id="wendatiModal" tabindex="-1" role="dialog" aria-labelledby="wendatiLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="wendatiLabel">问答题设置</h4>
            </div>
            <div class="modal-body">
                <form action="" role="form" class="form-horizontal" id="wendatiForm">
                    <ul class="alerts-list">
                        <li>
                            <div class="alert alert-success alert-dismissable">
                                <i class="icon-lightbulb"></i> 带 * 为必填内容
                            </div>
                        </li>
                    </ul>
                    <div class="form-group">
                        <label class="col-md-2 control-label">题干(*)</label>

                        <div class="col-md-10">
                            <div class="btn-toolbar">
                                <div class="btn-toolbar" data-role="editor-toolbar" data-target=".editor">
                                    <div class="btn-group btn-group-xs">
                                        <a role="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                            <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                            <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="bold"
                                           title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                        <a class="btn btn-default" data-edit="italic"
                                           title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                        <a class="btn btn-default" data-edit="strikethrough"
                                           title="Strikethrough"><i class="icon-strikethrough"></i></a>
                                        <a class="btn btn-default" data-edit="underline"
                                           title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Hyperlink"><i class="icon-link"></i></a>

                                        <div class="dropdown-menu input-append">
                                            <input placeholder="URL" type="text" data-edit="createLink"
                                                   class="pull-left"/>
                                            <button class="btn btn-default" type="button">Add</button>
                                        </div>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                                class="icon-undo"></i></a>
                                        <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                                class="icon-repeat"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="editor subject">

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">题目描述</label>

                        <div class="col-md-10">
                            <div class="btn-toolbar">
                                <div class="btn-toolbar" data-role="editor-toolbar" data-target=".editor">
                                    <div class="btn-group btn-group-xs">
                                        <a role="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                            <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                            <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="bold"
                                           title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                        <a class="btn btn-default" data-edit="italic"
                                           title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                        <a class="btn btn-default" data-edit="strikethrough"
                                           title="Strikethrough"><i class="icon-strikethrough"></i></a>
                                        <a class="btn btn-default" data-edit="underline"
                                           title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="insertunorderedlist"
                                           title="Bullet list"><i class="icon-list-ul"></i></a>
                                        <a class="btn btn-default" data-edit="insertorderedlist" title="Number list"><i
                                                class="icon-list-ol"></i></a>
                                        <a class="btn btn-default" data-edit="outdent"
                                           title="Reduce indent (Shift+Tab)"><i class="icon-indent-left"></i></a>
                                        <a class="btn btn-default" data-edit="indent" title="Indent (Tab)"><i
                                                class="icon-indent-right"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Hyperlink"><i class="icon-link"></i></a>

                                        <div class="dropdown-menu input-append">
                                            <input placeholder="URL" type="text" data-edit="createLink"
                                                   class="pull-left"/>
                                            <button class="btn btn-default" type="button">Add</button>
                                        </div>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default pictureBtn"
                                           title="Insert picture (or just drag & drop)"
                                                ><i class="icon-picture"></i></a>
                                        <input type="file" class="magic-overlay" data-role="magic-overlay"
                                               data-target=".pictureBtn" data-edit="insertImage"/>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                                class="icon-undo"></i></a>
                                        <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                                class="icon-repeat"></i></a>
                                    </div>
                                    <input type="text" data-edit="inserttext" class="voiceBtn" x-webkit-speech="">
                                </div>
                            </div>

                            <div class="editor describe">

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">上传附件</label>

                        <div class="col-md-10">
                            <input type="file" class="btn btn-warning btn-round">
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="wendatiAdd">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- panduantiModal -->
<div class="modal fade" id="panduantiModal" tabindex="-1" role="dialog" aria-labelledby="panduantiLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="panduantiLabel">判断题设置</h4>
            </div>
            <div class="modal-body">
                <form action="" role="form" class="form-horizontal" id="panduantiForm">
                    <ul class="alerts-list">
                        <li>
                            <div class="alert alert-success alert-dismissable">
                                <i class="icon-lightbulb"></i> 带 * 为必填内容
                            </div>
                        </li>
                    </ul>
                    <div class="form-group">
                        <label class="col-md-2 control-label">题干(*)</label>

                        <div class="col-md-10">
                            <div class="btn-toolbar">
                                <div class="btn-toolbar" data-role="editor-toolbar" data-target=".editor">
                                    <div class="btn-group btn-group-xs">
                                        <a role="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                            <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                            <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="bold"
                                           title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                        <a class="btn btn-default" data-edit="italic"
                                           title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                        <a class="btn btn-default" data-edit="strikethrough"
                                           title="Strikethrough"><i class="icon-strikethrough"></i></a>
                                        <a class="btn btn-default" data-edit="underline"
                                           title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Hyperlink"><i class="icon-link"></i></a>

                                        <div class="dropdown-menu input-append">
                                            <input placeholder="URL" type="text" data-edit="createLink"
                                                   class="pull-left"/>
                                            <button class="btn btn-default" type="button">Add</button>
                                        </div>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                                class="icon-undo"></i></a>
                                        <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                                class="icon-repeat"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="editor subject">

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">题目描述</label>

                        <div class="col-md-10">
                            <div class="btn-toolbar">
                                <div class="btn-toolbar" data-role="editor-toolbar" data-target=".editor">
                                    <div class="btn-group btn-group-xs">
                                        <a role="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                            <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                            <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="bold"
                                           title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                        <a class="btn btn-default" data-edit="italic"
                                           title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                        <a class="btn btn-default" data-edit="strikethrough"
                                           title="Strikethrough"><i class="icon-strikethrough"></i></a>
                                        <a class="btn btn-default" data-edit="underline"
                                           title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="insertunorderedlist"
                                           title="Bullet list"><i class="icon-list-ul"></i></a>
                                        <a class="btn btn-default" data-edit="insertorderedlist" title="Number list"><i
                                                class="icon-list-ol"></i></a>
                                        <a class="btn btn-default" data-edit="outdent"
                                           title="Reduce indent (Shift+Tab)"><i class="icon-indent-left"></i></a>
                                        <a class="btn btn-default" data-edit="indent" title="Indent (Tab)"><i
                                                class="icon-indent-right"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Hyperlink"><i class="icon-link"></i></a>

                                        <div class="dropdown-menu input-append">
                                            <input placeholder="URL" type="text" data-edit="createLink"
                                                   class="pull-left"/>
                                            <button class="btn btn-default" type="button">Add</button>
                                        </div>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default pictureBtn"
                                           title="Insert picture (or just drag & drop)"
                                                ><i class="icon-picture"></i></a>
                                        <input type="file" class="magic-overlay" data-role="magic-overlay"
                                               data-target=".pictureBtn" data-edit="insertImage"/>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                                class="icon-undo"></i></a>
                                        <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                                class="icon-repeat"></i></a>
                                    </div>
                                    <input type="text" data-edit="inserttext" class="voiceBtn" x-webkit-speech="">
                                </div>
                            </div>

                            <div class="editor describe">

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">上传附件</label>

                        <div class="col-md-10">
                            <input type="file" class="btn btn-warning btn-round">
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="panduantiAdd">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- xuanzetiModal -->
<div class="modal fade" id="xuanzetiModal" tabindex="-1" role="dialog" aria-labelledby="xuanzetiLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="xuanzetiLabel">判断题设置</h4>
            </div>
            <div class="modal-body">
                <form action="" role="form" class="form-horizontal" id="xuanzetiForm">
                    <ul class="alerts-list">
                        <li>
                            <div class="alert alert-success alert-dismissable">
                                <i class="icon-lightbulb"></i> 带 * 为必填内容
                            </div>
                        </li>
                    </ul>
                    <div class="form-group">
                        <label class="col-md-2 control-label">题干(*)</label>

                        <div class="col-md-10">
                            <div class="btn-toolbar">
                                <div class="btn-toolbar" data-role="editor-toolbar" data-target=".editor">
                                    <div class="btn-group btn-group-xs">
                                        <a role="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                            <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                            <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="bold"
                                           title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                        <a class="btn btn-default" data-edit="italic"
                                           title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                        <a class="btn btn-default" data-edit="strikethrough"
                                           title="Strikethrough"><i class="icon-strikethrough"></i></a>
                                        <a class="btn btn-default" data-edit="underline"
                                           title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Hyperlink"><i class="icon-link"></i></a>

                                        <div class="dropdown-menu input-append">
                                            <input placeholder="URL" type="text" data-edit="createLink"
                                                   class="pull-left"/>
                                            <button class="btn btn-default" type="button">Add</button>
                                        </div>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                                class="icon-undo"></i></a>
                                        <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                                class="icon-repeat"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="editor subject small">

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">题目描述</label>

                        <div class="col-md-10">
                            <div class="btn-toolbar">
                                <div class="btn-toolbar" data-role="editor-toolbar" data-target=".editor">
                                    <div class="btn-group btn-group-xs">
                                        <a role="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                            <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                            <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="bold"
                                           title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                        <a class="btn btn-default" data-edit="italic"
                                           title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                        <a class="btn btn-default" data-edit="strikethrough"
                                           title="Strikethrough"><i class="icon-strikethrough"></i></a>
                                        <a class="btn btn-default" data-edit="underline"
                                           title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="insertunorderedlist"
                                           title="Bullet list"><i class="icon-list-ul"></i></a>
                                        <a class="btn btn-default" data-edit="insertorderedlist" title="Number list"><i
                                                class="icon-list-ol"></i></a>
                                        <a class="btn btn-default" data-edit="outdent"
                                           title="Reduce indent (Shift+Tab)"><i class="icon-indent-left"></i></a>
                                        <a class="btn btn-default" data-edit="indent" title="Indent (Tab)"><i
                                                class="icon-indent-right"></i></a>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn dropdown-toggle btn-default" data-toggle="dropdown"
                                           title="Hyperlink"><i class="icon-link"></i></a>

                                        <div class="dropdown-menu input-append">
                                            <input placeholder="URL" type="text" data-edit="createLink"
                                                   class="pull-left"/>
                                            <button class="btn btn-default" type="button">Add</button>
                                        </div>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default pictureBtn"
                                           title="Insert picture (or just drag & drop)"
                                                ><i class="icon-picture"></i></a>
                                        <input type="file" class="magic-overlay" data-role="magic-overlay"
                                               data-target=".pictureBtn" data-edit="insertImage"/>
                                    </div>
                                    <div class="btn-group btn-group-xs">
                                        <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                                class="icon-undo"></i></a>
                                        <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                                class="icon-repeat"></i></a>
                                    </div>
                                    <input type="text" data-edit="inserttext" class="voiceBtn" x-webkit-speech="">
                                </div>
                            </div>

                            <div class="editor describe small">

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">上传附件</label>

                        <div class="col-md-10">
                            <input type="file" class="btn btn-warning btn-round">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">选项个数</label>

                        <div class="col-md-4">
                            <input type="number" class="form-control" value="4" id="xuanzeti-option-number">
                        </div>
                        <label class="col-md-2 control-label">是否多选</label>

                        <div class="col-md-2">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="xuanzetiRadios" id="fuxuan" value="1" checked="">
                                    是
                                </label>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="xuanzetiRadios" id="nofuxuan" value="0" checked="true">
                                    否
                                </label>
                            </div>
                        </div>
                    </div>
                    <div id="xuanzeti-options">
                        <div class="form-group">
                            <label class="col-md-2 control-label">选项1(*)</label>

                            <div class="col-md-10">
                                <input type="text" class="form-control" value="" id="option1">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">选项2(*)</label>

                            <div class="col-md-10">
                                <input type="text" class="form-control" value="" id="option2">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">选项3(*)</label>

                            <div class="col-md-10">
                                <input type="text" class="form-control" value="" id="option3">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">选项4(*)</label>

                            <div class="col-md-10">
                                <input type="text" class="form-control" value="" id="option4">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="xuanzetiAdd">保存</button>
            </div>
        </div>
    </div>
</div>

<!--滚动输入栏-->
<div class="color_settings_box hidden-xs active" style="right: 0px;">
    <h3>滚动工具栏</h3>
    <p>
        <button type="button" class="btn btn-default btn-round" data-toggle="modal"
                data-target="#wendatiModal"><i class="icon-edit"></i>添加问答题
        </button>
    </p>
    <p>
        <button type="button" class="btn btn-default btn-round" data-toggle="modal"
                data-target="#panduantiModal"><i class="icon-ok-circle"></i>添加判断题
        </button>
    </p>
    <p>
        <button type="button" class="btn btn-default btn-round" data-toggle="modal"
                data-target="#xuanzetiModal"><i class="icon-check"></i>添加选择题
        </button>
    </p>
    <div class="toggle-color-settings">
        <i class="icon-cog"></i>
        <span>工具</span>
    </div>
</div>
<script src="../libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src='../assets/js/jquery.sparkline.min.js'></script>
<script src='../assets/js/bootstrap/bootstrap.min.js'></script>
<script src='../assets/js/jquery.knob.js'></script>
<script src='../assets/js/jquery.hotkeys.js'></script>
<script src='../assets/js/bootstrap-wysiwyg.js'></script>

<script>
    //删除组件
    $('#wenti_form').delegate('.widget-link-remove', "click", function () {
        $(this).closest('.component').slideUp("fast");
        return false;
    });
    //初始化所有输入框
    $('.modal').on('shown.bs.modal', function () {
        $(".editor").wysiwyg();
        $('.editor').focus();
    });
    //添加问答题
    var addWendatiFuc = function(){
        var wendati_subject = $("#wendatiForm").find(".subject").html();
        var wendati_describe = $("#wendatiForm").find(".describe").html();
        var component_number = $("#wenti_form").children().length + 1;
        console.log($("#wenti_form").children())
        var wendati_component =
                '<form action="" role="form" class="form-horizontal component">' +
                '<div class="widget-controls pull-right">' +
                '<a href="#" id="wendati-edit" data-toggle="modal" data-target="#wendatiModal"><i class="icon-edit-sign"></i></a>' +
                '<a href="#" class="widget-link-remove"><i class="icon-remove-sign"></i></a>' +
                '</div>' +
                '<h4 class="form-title form-title-first">&nbsp;' + component_number +
                '&nbsp;问答题：' +
                wendati_subject +
                '</h4>' +
                '<div class="form-group"><div class="col-md-12">' +
                wendati_describe +
                '</div></div>' +
                '</form>';
        $("#wenti_form").append(wendati_component);
    }
    $('#wendatiAdd').click(addWendatiFuc);
    //添加判断题
    var addPanduantiFuc = function(){
        var panduanti_subject = $("#panduantiForm").find(".subject").html();
        var panduanti_describe = $("#panduantiForm").find(".describe").html();
        var component_number = $("#wenti_form").children().length + 1;
        var panduanti_component =
                '<form action="" role="form" class="form-horizontal component">' +
                '<div class="widget-controls pull-right">' +
                '<a href="#" id="panduanti-edit" data-toggle="modal" data-target="#panduantiModal"><i class="icon-edit-sign"></i></a>' +
                '<a href="#" class="widget-link-remove"><i class="icon-remove-sign"></i></a>' +
                '</div>' +
                '<h4 class="form-title form-title-first">&nbsp;' + component_number +
                '&nbsp;判断题：' +
                panduanti_subject +
                '</h4>' +
                '<div class="form-group"><div class="col-md-12">' +
                panduanti_describe +
                '</div></div>' +
                '<div class="form-group"><div class="col-md-12">' +
                '<div class="radio"><label>' +
                '<input type="radio" name="optionsRadios" value="option1" checked="">是' +
                '</label></div>' +
                '<div class="radio"><label>' +
                '<input type="radio" name="optionsRadios" value="option2" checked="">否' +
                '</label></div>' +
                '</div></div>' +
                '</form>';
        $("#wenti_form").append(panduanti_component);
    }
    $('#panduantiAdd').click(addPanduantiFuc);
    //添加选择题
    $("#xuanzeti-option-number").change(function () {
        var option_number = $(this).val();
        var options_tpl = "";
        for (var i = 1; i <= option_number; i++) {
            var option = '<div class="form-group">' +
                    '<label class="col-md-2 control-label">选项' + i + '(*)</label>' +
                    '<div class="col-md-10">' +
                    '<input type="text" class="form-control" value="" id="option' + i + '">' +
                    '</div></div>';
            options_tpl += option;
        }
        $("#xuanzeti-options").empty().append(options_tpl);
    })
    var addXuanzetiFuc = function(){
        var xuanzeti_subject = $("#xuanzetiForm").find(".subject").html();
        var xuanzeti_describe = $("#xuanzetiForm").find(".describe").html();
        var component_number = $("#wenti_form").children().length + 1;
        var option_number = $("#xuanzeti-options").children().length;
        var options_tpl = "";
        for (var i = 1; i <= option_number; i++) {
            var option =
                    '<div class="checkbox">' +
                    '<label><input type="checkbox">'+
                    String.fromCharCode(64+i) + '：' + $("#xuanzeti-options").find("#option" + i).val() +
                    ' </label>' +
                    '</div>';
            options_tpl += option;
        }
        var xuanzeti_component =
                '<form action="" role="form" class="form-horizontal component">' +
                '<div class="widget-controls pull-right">' +
                '<a href="#" id="xuanzeti-edit" data-toggle="modal" data-target="#xuanzetiModal"><i class="icon-edit-sign"></i></a>' +
                '<a href="#" class="widget-link-remove"><i class="icon-remove-sign"></i></a>' +
                '</div>' +
                '<h4 class="form-title form-title-first">&nbsp;' + component_number +
                '&nbsp;选择题：' +
                xuanzeti_subject +
                '</h4>' +
                '<div class="form-group"><div class="col-md-12">' +
                xuanzeti_describe +
                '</div></div>' +
                '<div class="form-group"><div class="col-md-12">' +
                options_tpl +
                '</div></div>' +
                '</form>';
        $("#wenti_form").append(xuanzeti_component);
    }
    $("#xuanzetiAdd").click(addXuanzetiFuc);

    //滚动工具栏
    $('.toggle-color-settings').on('click', function(){
        if($('.color_settings_box').hasClass('active')){
            $('.color_settings_box').animate({'right' : '-200px'}, 'slow').removeClass('active');
            //$('.toggle-color-settings span').text('show');
        }else{
            $('.color_settings_box').animate({'right' : '0px'}, 'slow').addClass('active');
            //$('.toggle-color-settings span').text('hide');
        }
        return false;
    });
    $("#wenti_form").sortable();
</script>

</body>
</html>